<template>
	<view>
		<view class="ccc">
			<!-- #ifndef H5 -->
			<Nav :isShow="false"></Nav>
			<!-- #endif -->
			<u-tabs
				:list="list1"
				:lineWidth="0"
				@click="click"
				inactiveStyle="color:red;"
				current="0"
				style="margin-left: 100px;color: red;"
				itemStyle="margin-top: 20px;"
			></u-tabs>
		</view>
		<Bank v-show="currentIndex == 0"></Bank>
		<Wecak v-show="currentIndex == 1"></Wecak>
		<Alipay v-show="currentIndex == 2"></Alipay>
		<Aside></Aside>
	</view>
</template>

<script>
import Nav from "@/components/top_nav.vue";
import Aside from "@/components/asideNav.vue";
import Bank from "../../components/drawal/bank.vue";
import Wecak from "../../components/drawal/wecak.vue";
import Alipay from "../../components/drawal/alipay.vue";
export default {
	components: {
		Bank,
		Wecak,
		Alipay,
		Aside,
		Nav
	},
	data() {
		return {
			list1: [
				{
					name: "银行卡"
				},
				{
					name: "微信"
				},
				{
					name: "支付宝"
				}
			],
			currentIndex: 0
		};
	},
	methods: {
		click(item) {
			this.currentIndex = item.index;
		}
	}
};
</script>

<style scoped>
.ccc {
	/* #ifndef H5 */
	margin-top: 5vh;
	/* #endif */
	width: 100vw;
	height: 5vh;
}
</style>
